import React, { memo } from 'react';
import type { ReactNode, FC } from 'react';
import { NavLink } from 'react-router-dom';
import { NavWrapper } from './style';
import { discoverMenu } from '@/assets/data/local-data';
interface IProps {
    children?: ReactNode;
}

const template: FC<IProps> = () => {
    return (
        <NavWrapper>
            <div className="wrap-v1 nav">
                {discoverMenu.map((item) => {
                    return (
                        <div className="item" key={item.link}>
                            <NavLink to={item.link}>{item.title}</NavLink>
                        </div>
                    );
                })}
            </div>
        </NavWrapper>
    );
};

export default memo(template);
